import './index.css'
import Profile from "./profile";
import Todos from "./todos";
import {TodoList} from "./todoList";
import PropsDemo from "./propsDemo";
import IfRender from "./ifRender";

export default function Gallery() {
    return (
        <>
            <section>
                <span className='title'>profile.js</span>
                <h1>Images</h1>
                <Profile/>
                <Profile/>
                <Profile/>
            </section>
            <section>
                <span className='title'>todo.js</span>
                <Todos/>
            </section>
            <section>
                <span className='title'>todoList.js</span>
                <TodoList/>
            </section>
            <section>
                <span className='title'>propsDemo.js</span>
                <h1>通过props传值</h1>
                <PropsDemo/>
            </section>
            <section>
                <span className='title'>xxx.js</span>
                <h1>条件渲染</h1>
                <IfRender/>
            </section>
        </>
    )
}
